<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<!--    <el-tab-pane label="我的作品" name="first">-->
<!--      <MyWorks></MyWorks>-->
<!--    </el-tab-pane>-->
    <el-tab-pane label="我的点赞" name="second">
      <MyLike></MyLike>
    </el-tab-pane>
    <el-tab-pane label="我的收藏" name="third">
      <Collect></Collect>
    </el-tab-pane>
<!--    <el-tab-pane label="我的关注" name="four">-->
<!--      <MyConcern></MyConcern>-->
<!--    </el-tab-pane>-->
  </el-tabs>
</template>
<script setup >
import MyWorks from "./MyWorks/index.vue";
import MyLike from "./MyLike/index.vue";
import Collect from "./Collect/index.vue";
import MyConcern from "./MyConcern/index.vue";
import { ref } from "vue";
const activeName = ref("second");
</script>

<style scoped>
:deep(.el-tabs__item) is-top is-active {
  color: #fff;
}
.demo-tabs {
  margin-top: -45px;
}

.requestPeson {
  border-bottom: 1px solid #ccc;
}
</style>